{% load staticfiles %}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.min.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'css/font-awesome.min.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'css/unit.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'css/style-ac-sign.css' %}">
<script type="text/javascript" src="{% static 'js/unit.js' %}">
</script>

<title>企业考勤管理系统-个人账户</title>
</head>
<body onload="startTime()">
    <div class="head">
    	<h2>企业管理系统</h2>
    	<div class="head-right">
    		<span class="head-help"><a href="#">帮助</a></span>
    		<div id="head-time"></div>
    	</div>
    </div>
    <div id="navigation">
    	<nav role="navigation">
		  <ul>
         <a href="/staff/main/"><li>首页</li></a>
        <a href="/staff/personal_main/"><li>个人信息</li></a>
        <a href="/staff/personal_check/"><li class="li-active">考勤记录</li></a>
        <a href="/staff/personal_voc/"><li>请假管理</li></a>
        <button style="padding:0 10px; margin:10px 60px 0 0; float:right;">签到</button>
      </ul>
		</nav>
    </div>
    <div class="left-list">
<a href="/staff/personal_check/"><div class="ll-active">签到</div></a>
      <a href="/staff/pc-servey"><div class="left-child">概况记录</div></a>
      <a href="/staff/pc-sign"><div class="left-child">签到查询</div></a>
    </div>
    <div class="right">
      <span class="title-bar">考勤记录<i class="fa fa-angle-right" style="letter-spacing:2px;"></i>个人签到查询</span>
      <div class="form-group">
        <label for="name" class="col-sm-2 control-label">起始时间</label>
        <div class="col-sm-10">
          <select class="form-control">
            <option>2000</option>
            <option>2001</option>
            <option>2002</option>
            <option>2003</option>
            <option>2004</option>
            <option>2005</option>
            <option>2006</option>
            <option>2007</option>
            <option>2008</option>
            <option>2009</option>
            <option>2010</option>
            <option>2011</option>
            <option>2012</option>
            <option>2013</option>
            <option>2014</option>
            <option>2015</option>
          </select>
          <span style="float:right;margin:15px 40px 0 0;">年</span>
        </div>
        <div class="col-sm-10">
          <select class="form-control">
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>6</option>
            <option>7</option>
            <option>8</option>
            <option>9</option>
            <option>10</option>
            <option>11</option>
            <option>12</option>
          </select>
          <span style="float:right;margin:15px 40px 0 0;">月</span>
        </div>
        <div class="col-sm-10">
          <select class="form-control">
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>6</option>
            <option>7</option>
            <option>8</option>
            <option>9</option>
            <option>10</option>
            <option>11</option>
            <option>12</option>
            <option>13</option>
            <option>14</option>
            <option>15</option>
            <option>16</option>
            <option>17</option>
            <option>18</option>
            <option>19</option>
            <option>20</option>
            <option>21</option>
            <option>22</option>
            <option>23</option>
            <option>24</option>
            <option>25</option>
            <option>26</option>
            <option>27</option>
            <option>28</option>
            <option>29</option>
            <option>30</option>
          </select>
          <span style="float:right;margin:15px 40px 0 0;">日</span>
        </div>
        <div class="clear"></div>
        <label for="name" class="col-sm-2 control-label">终止时间</label>
        <div class="col-sm-10">
          <select class="form-control">
            <option>2000</option>
            <option>2001</option>
            <option>2002</option>
            <option>2003</option>
            <option>2004</option>
            <option>2005</option>
            <option>2006</option>
            <option>2007</option>
            <option>2008</option>
            <option>2009</option>
            <option>2010</option>
            <option>2011</option>
            <option>2012</option>
            <option>2013</option>
            <option>2014</option>
            <option>2015</option>
          </select>
          <span style="float:right;margin:15px 40px 0 0;">年</span>
        </div>
        <div class="col-sm-10">
          <select class="form-control">
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>6</option>
            <option>7</option>
            <option>8</option>
            <option>9</option>
            <option>10</option>
            <option>11</option>
            <option>12</option>
          </select>
          <span style="float:right;margin:15px 40px 0 0;">月</span>
        </div>
        <div class="col-sm-10">
          <select class="form-control">
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>6</option>
            <option>7</option>
            <option>8</option>
            <option>9</option>
            <option>10</option>
            <option>11</option>
            <option>12</option>
            <option>13</option>
            <option>14</option>
            <option>15</option>
            <option>16</option>
            <option>17</option>
            <option>18</option>
            <option>19</option>
            <option>20</option>
            <option>21</option>
            <option>22</option>
            <option>23</option>
            <option>24</option>
            <option>25</option>
            <option>26</option>
            <option>27</option>
            <option>28</option>
            <option>29</option>
            <option>30</option>
          </select>
          <span style="float:right;margin:15px 40px 0 0;">日</span>
        </div>
        <label for="name" class="col-sm-2 control-label">班次</label>
        <div class="col-sm-10" style="margin-top:15px;">
            <input type="radio" name="optionsRadiosinline" id="optionsRadios3" value="option1" checked> 早班
            <input type="radio" name="optionsRadiosinline" id="optionsRadios3" value="option1" checked> 晚班
            <input type="radio" name="optionsRadiosinline" id="optionsRadios3" value="option1" checked> 所有班次
        </div>
          <label for="name" class="col-sm-2 control-label"></label>
          <div class="col-sm-10">
             <input type="submit" class="form-control" id="lastname" value="查询">
          </div>
       </div> 
       <div class="clear"></div>
       <hr/>
       <div class="as-result">
            <span class="title-bar-child">查询结果</span>
            <table class="table table-striped" style="margin-left:40px; width:92%">
               <thead>
                  <tr>
                     <th>工号</th>
                     <th>姓名</th>
                     <th>日期</th>
                     <th>班次</th>
                     <th>签到时间</th>
                     <th>状态</th>
                  </tr>
               </thead>
               <tbody>
                  <tr>
                     <td>2013019</td>
                     <td>杨晓洁</td>
                     <td>10-8</td>
                     <td>早班</td>
                     <td>8:20</td>
                     <td>正常</td>
                  </tr>
               </tbody>
               <tbody>
                  <tr>
                     <td>2013019</td>
                     <td>杨晓洁</td>
                     <td>10-8</td>
                     <td>早班</td>
                     <td>8:20</td>
                     <td>正常</td>
                  </tr>
               </tbody>
               <tbody>
                  <tr>
                     <td>2013019</td>
                     <td>杨晓洁</td>
                     <td>10-8</td>
                     <td>早班</td>
                     <td>8:20</td>
                     <td>正常</td>
                  </tr>
               </tbody>
               <tbody>
                  <tr>
                     <td>2013019</td>
                     <td>杨晓洁</td>
                     <td>10-8</td>
                     <td>早班</td>
                     <td>8:20</td>
                     <td>正常</td>
                  </tr>
               </tbody>
               <tbody>
                  <tr>
                     <td>2013019</td>
                     <td>杨晓洁</td>
                     <td>10-8</td>
                     <td>早班</td>
                     <td>8:20</td>
                     <td>正常</td>
                  </tr>
               </tbody>
            </table>
            <div class="pagination-self">
                <ul class="pagination">
                  <li><a href="#">&laquo;</a></li>
                  <li class="active"><a href="#">1</a></li>
                  <li class=""><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">4</a></li>
                  <li><a href="#">5</a></li>
                  <li><a href="#">&raquo;</a></li>
                </ul>
                <div class="clear"></div>
                <button class="btn btn-default" style="margin:0 aoto;padding:6px 30px;">导出</button>
            </div>           
        </div>   
    </div>
</body>